<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>财务中心</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- basic styles -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
    <![endif]-->
<!-- page specific plugin styles -->

<!-- ace styles -->
<link rel="stylesheet" href="css/ace.min.css" />
<link rel="stylesheet" href="css/ace-responsive.min.css" />
<link rel="stylesheet" href="css/ace-skins.min.css" />
<!--[if lt IE 9]>
    <link rel="stylesheet" href="css/ace-ie.min.css" />
    <![endif]-->
<!-- 自己的样式-->
<link rel="stylesheet" href="libs/css/header.css">
<link rel="stylesheet" href="libs/css/style.css">
<style>
/*提交按钮样式 */
.btn-sub {
	padding: 5px 35px;
	vertical-align: bottom;
	margin-left: 10px;
}
.create-btn {
	padding: 40px 35px 1px;
	line-height: 140px;
}
/* 备注文本框*/
input.remark {
	width: 540px;
}
table>tbody>tr>td {
	vertical-align: middle !important;
}
table>tbody>tr>td>label>input {
	width: 50px;
	margin-bottom: 0 !important;
}
table>tbody>tr>td>label>select {
	width: 80px;
	margin-bottom: 0 !important;
}
</style>
</head>
<body>
<div class="navbar navbar-inverse">
  <div class="navbar-inner">
    <div class="container-fluid"> <a class="brand" href="#"><small><i class="icon-leaf logo"></i>淘VR后台管理系统</small> </a>
      <ul class="nav ace-nav pull-right">
        
        <li class="light-blue user-profile"> <a class="user-menu dropdown-toggle" href="#" data-toggle="dropdown"> <img alt="Jason's Photo" src="avatars/user.jpg" class="nav-user-photo" /> <span id="user_info"> <small>欢迎,</small>张三 </span> <i class="icon-caret-down"></i> </a>
          <ul id="user_menu" class="pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
            <li><a href="#"><i class="icon-cog"></i> 个人设置</a></li>
            <li><a href="#"><i class="icon-user"></i> 个人概况</a></li>
            <li class="divider"></li>
            <li><a href="#"><i class="icon-off"></i> 退出系统</a></li>
          </ul>
        </li>
      </ul>
      <!--/.ace-nav--> 
    </div>
    <!--/.container-fluid--> 
  </div>
  <!--/.navbar-inner--> 
</div>
<!--/.navbar-->
<div class="container-fluid" id="main-container"> <a href="#" id="menu-toggler"><span></span></a><!-- menu toggler -->
  
  <div id="sidebar">
    <!-- #sidebar-shortcuts -->
    <ul class="nav nav-list">
      <li> <a href="#" class="dropdown-toggle" > <i class="icon-desktop"></i> <span>财务中心</span></a>
       
      </li>
      <li> <a href="#" class="dropdown-toggle" > <i class="icon-edit"></i> <span>应收款项</span></a>
       
      </li>
      <li> <a href="widgets.html"> <i class="icon-list-alt"></i> <span>应付账款</span> </a> </li>
      <li> <a href="calendar.html"> <i class="icon-calendar"></i> <span>来往明细</span> </a> </li>
    </ul>
    <!--/.nav-list-->
    
    <div id="sidebar-collapse"><i class="icon-double-angle-left"></i></div>
  </div>
  <!--/#sidebar-->
  
  <div id="main-content" class="clearfix">
    <div id="breadcrumbs">
      <ul class="breadcrumb">
        <li><i class="icon-home"></i> <a href="#">首页</a><span class="divider"><i class="icon-angle-right"></i></span></li>
        <li></i> <a href="#">财务中心</a><span class="divider"></i></span></li>
      </ul>
      <!--.breadcrumb--> 
      
    </div>
    <!--#breadcrumbs-->
    
    <div id="page-content" class="clearfix">
      <div class="page-header position-relative crumbs-nav">
        <h1>财务中心</h1>
      </div>
      <!--/page-header-->
      <div class="row-fluid"> 
        <!-- PAGE CONTENT BEGINS HERE -->
        <div class="row-fluid">
          <form class="form-inline bord1dd">
          <!--<span>货架编号：</span><span>01</span>
                    <span>所属仓库：</span><span>01</span>-->
          <div class="form-group overhidden">
            
            <div class="fl mar-t-15">
				<label for=""  class="fl" style="margin-top:3px;">起始日期</label>
				<div style="width:160px;" class="ml5 input-append date fl">
					<input class="span10 date-picker" id="id-date-picker-1" data-date-format="dd-mm-yyyy" type="text">
					<span class="add-on"><i class="icon-calendar"></i></span> 
				</div>
            </div>
			<div class="fl mar-t-15">
				<label for=""  class="fl" style="margin-top:3px;">结束日期</label>
				<div style="width:160px;" class="ml5 input-append date fl">
					<input class="span10 date-picker" id="id-date-picker-1" data-date-format="dd-mm-yyyy" type="text">
					<span class="add-on"><i class="icon-calendar"></i></span> 
				</div>
            </div>
			<div class="fl mar-t-15">
				<label for="">用户名称</label>
				<input type="text" class="form-control"  placeholder="">
            </div>
            <div class="fl mar-t-15">
				<label for="">项目</label>
				<input type="text" class="form-control"  placeholder="">
            </div>
            <button type="button" class="btn mar-t-15 ml15 fl btn-small btn-danger btn-sub" data-toggle="button">查询</button>
          </div>
        </form>
      </div>
      <div class="row-fluid">
        <div class="row-fluid mar-t-15">
          <div class="span12">
            <table id="table_bug_report" class="table table-striped table-bordered table-hover">
              <thead>
                <tr>
                  <th>序号</th>
                  <th>项目编号</th>
                  <th>项目名称</th>
                  <th>雇主</th>
                  <th>项目顾问</th>
                  <th>服务商</th>
                  <th>合约金额</th>
                  <th>已支付</th>
				  <th>创建时间</th>
				  <th>全部状态</th>
				  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="center">1</td>
                  <td class="center">102312312312</td>
                  <td class="center">湖西有项目</td>
                  <td class="center">张三</td>
				  <td class="center">李四</td>
                  <td class="center">中铁一局</td>
                  <td class="center">12312</td>
                  <td class="center">5000</td>
                  <td class="center">2016-11-11</td>
				  <td class="center">正常</td>
				  <td class="center"><a href="javascript:;">雇主结算</a><a class="mar-l-10" href="javascript:;">顾问结算</a><a href="javascript:;">预览合约</a><a class="mar-l-10" href="javascript:;">服务商结算</a></td>
                </tr>
              </tbody>
            </table>
			<div class="pagination fr">
                <ul>
                  <li class="disabled"><a href="#"><i class="icon-double-angle-left"></i></a></li>
                  <li class="active"><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#"><i class="icon-double-angle-right"></i></a></li>
                </ul>
            </div>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- PAGE CONTENT BEGINS HERE -->
</div>
<!-- basic scripts --> 
<script src="js/jquery-1.11.1.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<!-- page specific plugin scripts --> 

<!--[if lt IE 9]>
            <script type="text/javascript" src="js/excanvas.min.js"></script>
            <![endif]--> 

<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.min.js"></script> 
<script type="text/javascript" src="js/jquery.ui.touch-punch.min.js"></script> 
<script type="text/javascript" src="js/jquery.slimscroll.min.js"></script> 
<script type="text/javascript" src="js/jquery.easy-pie-chart.min.js"></script> 
<script type="text/javascript" src="js/jquery.sparkline.min.js"></script> 
<!-- ace scripts --> 
<script src="js/ace-elements.min.js"></script> 
<script src="js/ace.min.js"></script> 
<!-- inline scripts related to this page --> 


</body>
</html>
